.knowledge{
  width: 100%;
  min-height: 969px;
  // background-color: #e7eaee; 
}
.content{
  width: 100%;
  background-color: var(--bgc);
  margin: 0 auto;
  padding: 1rem;
  &>:nth-child(2),&>:nth-child(3),&>:nth-child(4){
    margin-top: 1rem;
    box-sizing: border-box;
  }
}
.conItem{
  display: inline-block;
  width: 100%;
  height: 152px;
  border-bottom: 1px solid var(--lc);
  box-sizing: border-box;
  h3{
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    font-size: 16px;
    font-weight: bolder;
    color: var(--fc);
    >span{
      color: #8590a6;
      font-size: 12px;
    }
  }
  .itemCon{
    height: 100px;
    display: flex;
    .conLeft{
      width: 190px;
      height: 100%;
      img{
        width: 100%;
        height: 100%;
      }
    }
    .conRight{
      margin-left: 1rem;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      >p{
        color: var(--fc);
      }
      >div{
        span{
          font-size: 12px;
          color: var(--fc);
        }
      }
    }
  }
}
 .conItem:hover{
    >h3{
      color: #f00;
    }
  }
